/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

@import "../base/library.less";
@import "../../../../../Base/baseLib/sap_fiori_3/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/sap_fiori_3/base.less" */

@import "../../../../sap/ui/core/themes/sap_fiori_3/global.less";
/* START "global.less" */
// ===================================================
// Global CSS for 'sap_fiori_3' theme for TNT library
// ===================================================

@_sap_tnt_InfoLabel_BackgroundColor1: lighten(@sapUiAccent1, 50);
@_sap_tnt_InfoLabel_BackgroundColor2: lighten(@sapUiAccent2, 40);
@_sap_tnt_InfoLabel_BackgroundColor3: lighten(@sapUiAccent3, 46);
@_sap_tnt_InfoLabel_BackgroundColor4: lighten(@sapUiAccent4, 46);
@_sap_tnt_InfoLabel_BackgroundColor5: lighten(@sapUiAccent5, 32);
@_sap_tnt_InfoLabel_BackgroundColor6: lighten(@sapUiAccent6, 52);
@_sap_tnt_InfoLabel_BackgroundColor7: lighten(@sapUiAccent7, 64);
@_sap_tnt_InfoLabel_BackgroundColor8: lighten(@sapUiAccent8, 61);
@_sap_tnt_InfoLabel_BackgroundColor9: lighten(@sapUiAccent9, 37);
@_sap_tnt_InfoLabel_BackgroundColor10: lighten(@sapUiAccent10, 49);

@_sap_tnt_InfoLabel_BorderColor1: @sapUiAccent1;
@_sap_tnt_InfoLabel_BorderColor2: @sapUiAccent2;
@_sap_tnt_InfoLabel_BorderColor3: @sapUiAccent3;
@_sap_tnt_InfoLabel_BorderColor4: @sapUiAccent4;
@_sap_tnt_InfoLabel_BorderColor5: @sapUiAccent5;
@_sap_tnt_InfoLabel_BorderColor6: @sapUiAccent6;
@_sap_tnt_InfoLabel_BorderColor7: @sapUiAccent7;
@_sap_tnt_InfoLabel_BorderColor8: @sapUiAccent8;
@_sap_tnt_InfoLabel_BorderColor9: @sapUiAccent9;
@_sap_tnt_InfoLabel_BorderColor10: @sapUiAccent10;
/* END "global.less" */


/* START "InfoLabel.less" */
/* ================================= */
/* CSS for control sap.tnt/InfoLabel */
/* Fiori 3 theme                     */
/* ================================= */

// ==========================================================================
// Variables overriding
// ==========================================================================

@_sap_tnt_InfoLabel_Margin: 0.8125rem;
@_sap_tnt_InfoLabel_NoTextPadding: 0.5rem;
@_sap_tnt_InfoLabel_NoTextDisplayOnlyPadding: 0.4375rem;
@_sap_tnt_InfoLabel_LineHeight: 1rem;
@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;

// ==========================================================================
// Variables and mixins
// ==========================================================================

@_sap_tnt_InfoLabel_ColorsArray:
	@_sap_tnt_InfoLabel_BackgroundColor1 @_sap_tnt_InfoLabel_BorderColor1,
	@_sap_tnt_InfoLabel_BackgroundColor2 @_sap_tnt_InfoLabel_BorderColor2,
	@_sap_tnt_InfoLabel_BackgroundColor3 @_sap_tnt_InfoLabel_BorderColor3,
	@_sap_tnt_InfoLabel_BackgroundColor4 @_sap_tnt_InfoLabel_BorderColor4,
	@_sap_tnt_InfoLabel_BackgroundColor5 @_sap_tnt_InfoLabel_BorderColor5,
	@_sap_tnt_InfoLabel_BackgroundColor6 @_sap_tnt_InfoLabel_BorderColor6,
	@_sap_tnt_InfoLabel_BackgroundColor7 @_sap_tnt_InfoLabel_BorderColor7,
	@_sap_tnt_InfoLabel_BackgroundColor8 @_sap_tnt_InfoLabel_BorderColor8,
	@_sap_tnt_InfoLabel_BackgroundColor9 @_sap_tnt_InfoLabel_BorderColor9,
	@_sap_tnt_InfoLabel_BackgroundColor10 @_sap_tnt_InfoLabel_BorderColor10;

.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);

// Iterate over the InfoLabel ColorsArray and create separate class for each
// color named with the passed prefix and the number of the color
.create-classes-for-background-and-border-colors(@prefix, @list) {
	.iter(length(@list));
	.iter(@i) when (@i > 0) {
		.iter(@i - 1);

		@pair: extract(@list, @i);
		@backgroundColor: extract(@pair, 1);
		@borderColor: extract(@pair, 2);

		.@{prefix}@{i} {
			border: 1px solid @borderColor;
			background-color: @backgroundColor;

			.sapTntInfoLabelInner {
				color: @sapUiBaseText;
			}
		}
	}
}
/* END "InfoLabel.less" */

/* START "NavigationList.less" */
/* ======================================= */
/* CSS for control sap.tnt/NavigationList  */
/* Fiori 3 theme                           */
/* ======================================= */

// ==========================================================================
// Variables overriding
// ==========================================================================

@_sap_tnt_NavigationList_ItemHeight: 2.75rem;
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
/* END "NavigationList.less" */

/* START "ToolHeader.less" */
/* =================================== */
/* CSS for control sap.tnt/ToolHeader  */
/* Fiori 3 theme                       */
/* =================================== */

@_sap_tnt_ToolHeader_ITHOverflowButtonTop: 1.5rem;
@_sap_tnt_ToolHeader_Height: 2.75rem;

.sapTntToolHeader.sapMTB {
	background-color: @sapUiShellColor;
	border-bottom: 0.0625rem solid @sapUiShellColor;
}

// ==========================================================================
// sap.m.Button overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMBtn .sapMBtnTransparent {
		color: @sapUiShellInteractiveTextColor;

		.sapUiIcon {
			color: @sapUiShellInteractiveTextColor;
		}
	}

	.sapMBtn:focus .sapMBtnTransparent.sapMFocusable {
		outline-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
	}

	.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnTransparent {
		background: @sapUiShellHoverBackground;
		border-color: transparent;
	}

	.sapMBtn:not(.sapMBtnDisabled) .sapMBtnTransparent.sapMBtnActive {
		background: @sapUiShellActiveBackground;
		color: @sapUiShellActiveTextColor;
		border-color: transparent;

		&::after {
			color: @sapUiShellActiveTextColor;
		}

		.sapUiIcon {
			color: @sapUiShellActiveTextColor;
		}
	}

	.sapMBtn.sapMBtnDisabled {
		opacity: 0.4;
	}
 }

html.sap-desktop .sapTntToolHeader .sapMFooter-CTX .sapMBtn:focus .sapMBtnFocusDiv,
.sapTntToolHeader .sapMBtn:focus .sapMBtnFocusDiv {
	border-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
}

// ==========================================================================
// sap.m.MenuButton overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSB:focus .sapMSBInner::after {
		border-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
	}
}

// ==========================================================================
// sap.m.Text, sap.m.Title and sap.ui.core.Icon overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMText,
	.sapMTitle,
	.sapUiIcon {
		color: @sapUiShellTextColor;
	}

	.sapMTitle {
		text-shadow: none;
	}
}

// ==========================================================================
// sap.m.Select overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMSlt,
	.sapMSlt:hover {
		background: transparent;
		border-color: lighten(@sapUiShellBorderColor,30);
		color: @sapUiShellTextColor;
	}

	.sapMSlt.sapMSltExpanded {
		border-color: lighten(@sapUiShellBorderColor,30);
	}

	.sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
		background-color: transparent;
		border-color: lighten(@sapUiShellBorderColor,30);
	}

	.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
		background: @sapUiShellHoverBackground;
		border-color: lighten(@sapUiShellBorderColor,30);
	}
}

html.sap-desktop .sapTntToolHeader .sapMSlt:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState):focus {
	outline-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
}

.sapTntToolHeader {
	.sapMSlt .sapUiIcon,
	.sapMSlt .sapMSelectListItemText,
	.sapMSlt .sapMSltArrow {
		color: @sapUiShellTextColor;
	}

	.sapMSltPressed > .sapMSltArrow {
		background: transparent;
	}

	.sapMSlt.sapMSltPressed:not(.sapMSltDisabled) {
		background-color: @sapUiShellActiveBackground;

		&.sapMSltExpanded {
			background-color: @sapUiShellActiveBackground;
		}
	}

	.sapMSltDisabled {
		opacity: 0.4;
	}
}

html[data-sap-ui-browser^="ie"].sap-desktop .sapTntToolHeader .sapMSlt:not(.sapMSltExpanded):not(.sapMSltDisabled):focus,
html[data-sap-ui-browser^="ed"].sap-desktop .sapTntToolHeader .sapMSlt:not(.sapMSltExpanded):not(.sapMSltDisabled):focus {

	&:before {
		border-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
	}

}

/* IconOnly */

.sapTntToolHeader {
	.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
		background-color:  @sapUiShellHoverBackground;
		border-color: transparent;
	}

	.sapMSltIconOnly.sapMSltExpanded.sapMSltPressed.sapMSltHoverable:hover {
		background-color:  @sapUiShellHoverBackground;
		border-color: transparent;
	}

	.sapMSltIconOnly.sapMSltHoverable .sapUiIcon {
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSltIconOnly.sapMSltHoverable:active .sapUiIcon {
		color: @sapUiShellActiveTextColor;
	}

	.sapMSltIconOnly.sapMSltExpanded.sapMSltPressed:not(.sapMSltDisabled) {
		background-color: @sapUiShellActiveBackground;
		.sapUiIcon {
			color: @sapUiShellActiveTextColor;
		}
	}

	.sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:not(.sapMSltState):hover {
		background-color: @sapUiShellActiveBackground;
	}

	.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) {
		background-color: @sapUiShellActiveBackground;
		border-color: transparent;
	}
}

// ==========================================================================
// sap.m.SearchField overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMSF .sapMSFF {
		background: transparent;
		border-color: lighten(@sapUiShellBorderColor,30);
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSFDisabled {
		opacity: 0.4;
	}

	.sapMSF:not(.sapMSFDisabled) .sapMSFF:hover {
		background-color: @sapUiShellHoverBackground;
	}

	.sapMSFF>.sapMSFB,
	.sapMSF.sapMFocus>.sapMSFF>.sapMSFB,
	.sapMSFI::placeholder {
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSFI:-ms-input-placeholder {
		color: @sapUiShellInteractiveTextColor;}

	.sapMSFI::-ms-input-placeholder {
		color: @sapUiShellInteractiveTextColor;}

	.sapMSFI,
	.sapMSFB {
		color: @sapUiShellTextColor;
	}

	.sapMSFB:hover {
		background-color: @sapUiShellHoverBackground;
	}

	.sapMSFF>.sapMSFB:not(.sapMSFBF):active,
	.sapMSFF>.sapMSFB.sapMSFBA {
		background-color: @sapUiButtonLiteActiveBackground;
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSFF > .sapMSFB:not(.sapMSFBF):active,
	.sapMSFF > .sapMSFB.sapMSFBA {
		background-color: @sapUiShellActiveBackground;
		color: @sapUiShellActiveTextColor;
	}

	.sapMFocus > .sapMSFF > .sapMSFB {
		color: @sapUiShellInteractiveTextColor;
	}
}

html.sap-desktop .sapTntToolHeader .sapMFocus > .sapMSFF::before {
	border-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapTntToolHeader .sapMFocus > .sapMSFF::before {
		border-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
	}
}

// ==========================================================================
// sap.m.IconTabHeader overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMITH {
		height: 2.75rem;
	}

	.sapMITH .sapMITBSelected .sapMITBText {
		color: @sapUiShellInteractiveTextColor;
		text-shadow: none;
	}

	.sapMITH .sapMITBSelected .sapMITBContentArrow::after {
		background: @sapUiShellInteractiveTextColor;
	}

	.sapMITH .sapMITBText {
		color: @sapUiShellActiveTextColor;
		text-shadow: none;
	}

	.sapMITH .sapMITBFilter:hover .sapMITBText {
		color: @sapUiShellActiveTextColor;
	}

	.sapMITH .sapMITBSelected.sapMITBFilter:hover .sapMITBText {
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMITH .sapMITBDisabled {
		opacity: 0.4;
	}

	.sapMITH {
		border-color: transparent;
	}
}

/* Focus Colors*/

html.sap-desktop .sapTntToolHeader {

	/* Custom focus outline */
	.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
	.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {
		&::after {
			border-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
		}
	}
}

html[data-sap-ui-browser^="ie"].sap-desktop .sapMITBTextOnly .sapMITBItem:focus .sapMITBText, // TODO remove after 1.62 version
html[data-sap-ui-browser^="ed"].sap-desktop .sapMITBTextOnly .sapMITBItem:focus .sapMITBText,
html[data-sap-ui-browser^="ie"].sap-desktop .sapMITBItem:focus.sapMITBAll, // TODO remove after 1.62 version
html[data-sap-ui-browser^="ed"].sap-desktop .sapMITBItem:focus.sapMITBAll {
	&::after {
		border-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
	}
}

// ==========================================================================
// sap.m.ObjectStatus overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMObjStatus.sapMObjStatusError {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: lighten(@sapUiNegativeElement,45);
		}
	}
	.sapMObjStatus.sapMObjStatusInformation {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: lighten(@sapUiInformativeElement,33);
		}
	}
	.sapMObjStatus.sapMObjStatusNone {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: lighten(@sapUiNeutralElement,35);
		}
	}
	.sapMObjStatus.sapMObjStatusSuccess {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: lighten(@sapUiPositiveElement,19);
		}
	}
	.sapMObjStatus.sapMObjStatusWarning {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: lighten(@sapUiCriticalElement,20);
		}
	}

	.sapMObjStatus .sapMObjStatusTitle {
		color: lighten(@sapUiNeutralElement,35);
	}
}

html.sap-desktop .sapTntToolHeader .sapMObjStatusActive:focus .sapMObjStatusLink::after {
	outline-color: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
}

/* END "ToolHeader.less" */

/* START "SideNavigation.less" */
/* ======================================= */
/* CSS for control sap.tnt/SideNavigation  */
/* Fiori 3 theme                           */
/* ======================================= */

.sapTntSideNavigationSeparator {
  background-color: @sapUiAccent6;
}
/* END "SideNavigation.less" */

/* START "ToolPage.less" */
/* =================================== */
/* CSS for control sap.tnt/ToolPage  */
/* Fiori 3 theme                       */
/* =================================== */

@_sap_tnt_ToolPage_HeaderHeight : 2.75rem;
@_sap_tnt_ToolPage_CompactHeaderHeight : 2.75rem;
/* END "ToolPage.less" */
